<!DOCTYPE HTML>
    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<script type="text/javascript" src="./jquery.min.js"></script>   
<head>

<style>

body{ background:black; padding:0; margin:0;}
.img-container{width:94%; margin:0 auto; margin-top:100px;  overflow:hidden; display:}
h4{ color:white; line-height:1.9em;}
.img-container img{ width:49%; border:1px solid rgb(27, 27, 27); cursor: pointer}
.img1{ float:left}
.img2{ float:right}
.c2{ height:100%; width:100%; border:0px solid red;position:absolute; display:none}
.c2 img{height:100%}

@media screen and (max-device-width:800px){
	.img-container{ margin-top:10px; }
	.img-container img{ width:98%; float:none; }
	.c2 img{width:100%; height:initial; margin-top:2px;}
	
}

</style>
</head>

<body style="text-align:center">


<div class="img-container" id="aa1">
	<h4>
  	大家一起来找茬..<br>
  	带上耳机，把音量调到最大 &uarr;&uarr;&uarr; <br>
		音乐响起前找出2处有奖。 
  </h4>
	<img class="img1" src="bg2.jpg"  />
	<img class="img2" src="bg2.jpg"  />
</div>

<div class="c2" id="aa2">
	<img src="t2.gif.jpg" />
</div>
 
<audio id="audio" loop="loop" src="./1686.mp3"></audio>
    
<div id="buttons" style="display:none">
	<input type="button" value="播放" onclick="play()" />
	<input type="button" value="暂停" onclick="pause()" />
</div>




<script type="text/javascript">
function play()
{
    var audio=document.getElementById("audio");
    audio.play();//播放
}
function pause()
{
    var audio=document.getElementById("audio");
    audio.pause();//暂停
}

function doit(){
	if( !flag_playing   ){
		play(); 
		//console.log('play');
		document.getElementById("aa1").style.display = 'none';
		document.getElementById("aa2").style.display = 'block';
	}
}

function do2(){
	
	$.getScript("./kaiguan.js");
}


var intv , flag_playing=false;

window.onload = function()
{
    var buttons=document.getElementById("buttons");
    //buttons.style.display = 'block';
	
	if(-[1,]){
		setTimeout("doit()",20000);
	}else{
		$('body div').hide();
		alert('我们不支持IE浏览器,请使用其它浏览器！');
	}
}
</script>
    
 
    
</body>
    
</html>